<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script type="text/javascript" src="./js/jquery-min.js"></script>


  <script type="text/javascript" src="./js/common.js"></script>
  <script type="text/javascript" src="./js/hello.js"></script>
  <link rel="stylesheet" href="./css/hello.css"/>
</head>

<body>
  <h1>图片下载器</h1>
  <div>
    <div class="website">
      <div class="mg-b"><span class="msg">标题：</span><span class="title"></span>
      </div>
      <div class="mg-b"><span class="msg">连接：</span><span class="url"></span>
      </div>
      <div class="mg-b"><span class="msg">图标：</span><span class="favIconUrl"><img style='width: 20px;' /></span>
      </div>
      <div class="mg-b"><span class="msg">宽度：</span><span class="width"></span>
      </div>
    </div>

    <div>
      <div class="mg-b">
        <div>筛选特定图片：<input id="selectImg"/>&nbsp;&nbsp;</div>
        <div>（比如https://picx.zhimg.com/80/xxxx），输入picx则取含picx的所有图</div>
        
        关键词：<input id="key"/>&nbsp;&nbsp;
        类型：<input id="class"/>&nbsp;&nbsp;
      </div>
      <div>
        <button class="autoGetImg">自动获取图片</button>&nbsp;&nbsp;
        <button class="stopAutoGetImg">停止自动获取</button>&nbsp;&nbsp;
        <button class="getImg">爬取图片</button>&nbsp;&nbsp;
        <button class="downImg">下载图片</button>
      </div>
      <!-- 放图片 -->
      <div class="img-box">
        <div class="masonry-container">
        </div>
      </div>
    </div>
  </div>
</body>

</html>